import React, {useEffect} from 'react';
// import CheckIcon from '@material-ui/icons/Check';
import ToggleButton from '@material-ui/lab/ToggleButton';
import RemoveIcon from '@material-ui/icons/Remove';
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
import PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';
import PauseRoundedIcon from '@material-ui/icons/PauseRounded';

export default function Start(props) {
  return (
    <ToggleButton
      value="check"

      onClick={() => {
          props.onStart();
      }}
      style={{border:"0", width: "80px", backgroundColor: "#F8F9FA"}}
    >
       <PlayArrowRoundedIcon />
    </ToggleButton>
  );
}
